<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" class="old-ie no-js" dir="ltr">
<![endif]-->

<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" class="no-js">
<!--<![endif]-->
<head>

	<meta charset="UTF-8" />
	<meta name="viewport" content="initial-scale=1, maximum-scale=2">

	<title>PressCore | Portfolio Post + sidebar</title>
	
	<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<link href="css/normalize.css" rel="stylesheet" type="text/css">
	<link href="css/wireframe.css" rel="stylesheet" type="text/css">
	<link href="css/main.css" rel="stylesheet" type="text/css">
	<link href="css/media.css" rel="stylesheet" type="text/css">
	<link href="skins/red/custom.css" rel="stylesheet" type="text/css" id="skin-style">
	
	<!-- RoyalSlider -->
	<link rel="stylesheet" href="royalslider/royalslider.css">
	<link rel="stylesheet" href="css/plugins.css">
	<link rel="stylesheet" href="js/plugins/pretty-photo/css/prettyPhoto.css" type="text/css"> 
	
	<link href="http://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet" type="text/css"> <!-- All skins -->
	<link href="http://fonts.googleapis.com/css?family=Titillium+Web:600,600italic" rel="stylesheet" type="text/css"> <!-- "Retro" skin -->
	<link href="http://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet" type="text/css"> <!-- "Business" skin -->
	<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet" type="text/css"> <!-- "Green" skin -->
	<link href="http://fonts.googleapis.com/css?family=Sanchez" rel="stylesheet" type="text/css"> <!-- "Organic" skin -->

	<script src="js/modernizr.js"></script>

</head>

<body class="single single-portfolio">
<div id="page" ><!-- class="boxed" -->

	<!-- !Top-bar -->
	<div id="top-bar" role="complementary">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">
				<div class="wf-td">

					<div class="mini-contacts wf-float-left">
						<ul>
							<li class="address">10230 Santa Monica BLVD Los Angeles</li>
							<li class="phone">+3 045 224 33 12</li>
							<li class="email"><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
						</ul>
					</div>

					<!-- <div class="mini-nav wf-float-left">
						<ul>
							<li><a href="#">Support Policy</a></li>
							<li><a href="#">Online Helpdesk</a></li>
							<li><a href="#">ThemeForest Profile</a></li>
						</ul>
					</div> -->

				</div>
				<div class="wf-td">

					<div class="mini-search wf-float-right wf-mobile-hidden">
						<form role="search" method="get" action="#">
							<input type="text" class="field" name="searchquery" placeholder="Search">
							<input type="submit" class="assistive-text" name="submit" value="go">
							<a href="#go" class="submit"></a>
						</form>
					</div>

					<!-- <div class="mini-lang wf-float-right">
						<ul>
							<li><a href="#"><img alt="en" src="images/en.png">English</a></li>
							<li><a href="#"><img alt="sv" src="images/sv.png">Svenska</a></li>
						</ul>
					</div> -->

				</div>
			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</div><!-- #top-bar -->

	<header id="header" class="logo-left" role="banner"><!-- class="overlap"; class="logo-left", class="logo-center", class="logo-classic" -->
		<div class="wf-wrap">
			<div class="wf-table">

				<!-- !- Branding -->
				<div id="branding" class="wf-td">
					<a href="index-2.html"><img src="skins/red/red.header-logo-regular.png" width="189" height="79" alt="PressCore: multipurpose HTML framework"></a>
					<div id="site-title" class="assistive-text">PressCore</div>
					<div id="site-description" class="assistive-text">multipurpose HTML framework</div>
				</div>

				<!-- !- Navigation -->	
								<nav id="navigation" class="wf-td">
					<ul id="main-nav" class="fancy-rollovers wf-mobile-hidden" role="navigation"><!-- class="fancy-rollovers" is not avaliable for "logo-classic" header layout -->
						<li class="has-children">
							<a href="index-2.html">Home</a>
							<ul class="sub-nav">
								<li><a href="index-2.html">Homepage 1</a></li>
								<li><a href="index-3.html">Homepage 2</a></li>
								<li><a href="index-4.html">Homepage 3</a></li>
								<li><a href="index-5.html">Homepage 4</a></li>
								<li><a href="index-6.html">Homepage 5</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="index-2.html">Slideshows</a>
							<ul class="sub-nav">
								<li><a href="slideshow-fullscreen.html">Slideshow fullscreen</a></li>
								<li><a href="slideshow-fixed.html">Slideshow fixed</a></li>
								<li><a href="3D-fullscreen.html">3D gallery fullscreen</a></li>
								<li><a href="3D-fixed.html">3D gallery fixed</a></li>
								<li><a href="metro-slideshow.html">Metro slideshow</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#3">Blog</a>
							<ul class="sub-nav">
								<li><a href="blog-masonry.html">Blog masonry fullwidth</a></li>
								<li><a href="blog-masonry-sidebar.html">Blog masonry with sidebar</a></li>
								<li><a href="blog-standard.html">Blog standard</a></li>
								<li><a href="blog-fancy.html">Blog with fancy header</a></li>
								<li><a href="post.html">Blog post</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Portfolio</a>
							<ul class="sub-nav">
								<li class="has-children">
								<a href="#51">Portfolio masonry</a>
								<ul class="sub-nav">
									
									<li><a href="portfolio-masonry.html">Portfolio masonry fullwidth</a></li>
									<li><a href="portfolio-masonry-sidebar.html">Portfolio masonry with sidebar</a></li>
									<li><a href="portfolio-masonry-text-hoovers.html">Portfolio masonry text hoovers</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#52">Portfolio grid</a>
								<ul class="sub-nav">

									<li><a href="portfolio-grid.html">Portfolio grid fullwidth</a></li>
									<li><a href="portfolio-grid-sidebar.html">Portfolio grid with sidebar</a></li>
									<li><a href="portfolio-grid-text-hoovers.html">Portfolio grid text hoovers</a></li>

								</ul>
								</li>

								<li class="has-children">
								<a href="#53">Portfolio standard</a>
								<ul class="sub-nav">
									
									<li><a href="portfolio-standard.html">Portfolio standard fullwidth</a></li>
									<li><a href="portfolio-standard-sidebar.html">Portfolio standard with sidebar</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#53">Portfolio checker</a>
								<ul class="sub-nav">

									<li><a href="portfolio-checker.html">Portfolio checker fullwidth</a></li>

									<li><a href="portfolio-checker-sidebar.html">Portfolio checker with sidebar</a></li>

								</ul>
								</li>
								<li><a href="portfolio-fancy.html">Portfolio with fancy header</a></li>
								<li class="has-children">
								<a href="#54">Portfolio posts</a>
								<ul class="sub-nav">

									<li><a href="portfolio-post.html">Portfolio post fullwidth</a></li>
									<li class="act"><a href="portfolio-post-sidebar.html">Portfolio post with sidebar</a></li>
								</ul>
								</li>

							</ul>
						</li>
						<li class="has-children">
							<a href="#">Pages</a>
							<ul class="sub-nav">
								<li><a href="team.html">Team</a></li>
								<li><a href="testimonials.html">Testimonials</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Elements</a>
							<ul class="sub-nav">
								<li><a href="fancy-header.html">Fancy header</a></li>
								<li><a href="typography.html">Typography</a></li>
								<li><a href="banners-teasers.html">Banners & Teasers</a></li>
								<li><a href="service-clients.html">Services & Clients</a></li>
								<li><a href="tabbed-content.html">Tabbed content</a></li>
							</ul>
						</li>
					</ul>

					<a href="#show-menu" rel="nofollow" id="mobile-menu">
						<span class="menu-open">MENU</span>
						<span class="menu-close">CLOSE</span>
						<span class="menu-back">back</span>
						<span class="wf-phone-visible">&nbsp;</span>
					</a>
				</nav>
			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</header><!-- #header -->

	<!-- !Main -->
	<div id="main" class="sidebar-right"><!-- class="sidebar-none", class="sidebar-left", class="sidebar-right" -->
		<div class="wf-wrap">
			<div class="wf-container-main">

				<!-- !- Content -->
				<div id="content" role="main" class="content">

					<article class="project-post">

						<h1 class="entry-title">Portfolio post with sidebar</h1>
						<div class="navigation-inner">
							<a href="#" class="prev-post"></a>
							<a href="#" class="next-post"></a>
						</div>
						<div class="hr-breadcrumbs divider-heder">
							<div class="assistive-text">You are here:</div>
							<ol class="breadcrumbs wf-td text-small">
								<li><a href="#">home</a></li>
								<li><a href="#">portfolio</a></li>
								<li><a href="#">design</a>, <a href="#">photography</a></li>
							</ol>
						</div>

						<div class="wf-container">
							
							<div class="wf-cell wf-1">
								<ul class="royalSlider slider-post rsShor" role="slider" style="width: 100%;" data-width="890" data-height="400">
									
									<li>
										<img class="rsImg" src="usr/portfslider08.jpg" alt="" height="400" width="890">
										<div class="slider-post-caption">
											<div class="slider-post-inner">
										      <p>Pellentesque at urna acc rhoncus diamuis semper lacus eu lacus aliquam cursus</p>
										    </div>
									    </div>
									</li>

									<li class="rollover-video">
										<img class="rsImg" src="usr/portfslider09.jpg" alt="" height="400" width="890">
										<i></i>
									</li>

									<li>
										<img class="rsImg" src="usr/portfslider11.jpg" alt="" height="400" width="422">
									</li>
									
									<li>
										<img class="rsImg" src="usr/portfslider07.jpg" alt="" height="400" width="890">
										<div class="slider-post-caption">
											<div class="slider-post-inner">
										      <p>Duis semper lacus eu lacus aliquam cursusac</p>
										    </div>
									    </div>
									</li>

									<li><img class="rsImg" src="usr/portfslider12.jpg" alt="" height="400" width="549">
									</li>

								</ul>
							</div>
							<div class="gap-10"></div>
							<div class="wf-cell wf-2-3">
								<p>Proin quam dui, rhoncus sed vulputate ut, rhoncus suscipit enim. Vestibulum at dolor a erat hendrerit sollicitudin. Aliquam quis tortor massa, ac rhoncus diam. Duis semper lacus eu lacus aliquam cursus. Morbi mollis elementum quam, ut convallis ligula sollicitudin at. Cras vitae mauris vitae turpis dignissim pretium sed nec ante. Aenean gravida felis sit amet ligula vestibulum tempor. Vestibulum in risus eget orci sagittis dignissim. Suspendisse fringilla, metus non facilisis tempor, nisi est dapibus tortor, ac varius mi ante fringilla turpis. Vivamus aliquet turpis lectus. Sed nec semper velit. Sed pellentesque eros ac sapien imperdiet ultricies. Praesent leo leo, molestie ut congue eu, tempor fermentum magna.</p>
							</div>
							<div class="wf-cell wf-1-3">
								<span><strong>CLIENT:</strong></span> <p>Awesome Company LTD</p>
									<div class="hr-thin"></div>
									<span><strong>TASK:</strong></span> <p>Web site development & SEO</p>
									<div class="hr-thin"></div>
								<span><strong>EXECUTIVES: </strong></span> <p>Anna Greev, John White, Leo Vanilla</p>
							</div>							
						</div>
						<div class="wf-table wf-mobile-collapsed">
							<div class="portfolio-categories wf-td">
								<span class="assistive-text">Posted on</span>
								<a href="#" title="9:35 am" rel="bookmark"><time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="entry-date">21 May 2013</time></a>
								<a href="#" title="View all posts in Cat A" rel="category tag">Photography</a>
								<a href="#" title="View all posts in Cat B" rel="category tag">Design</a>
								<span class="assistive-text"><br></span>
								<a href="#">4 comments</a>
							</div><!-- .portfolio-categories -->

							<div class="entry-share wf-td">
								<div class="soc-ico">
									<a title="Facebook" target="_blank" href="#" class="facebook"><span class="assistive-text">Facebook</span><span class="share-content">share</span></a>
									<a title="Twitter" target="_blank" href="#" class="twitter"><span class="assistive-text">Twitter</span><span class="share-content">tweet</span></a>
									<a title="Google+" target="_blank" href="#" class="google"><span class="assistive-text">Google+</span><span class="share-content">share</span></a>
									<a title="Pinterest" target="_blank" href="#" class="pinterest"><span class="assistive-text">Pinterest</span><span class="share-content">pin it</span></a>

								</div>
							</div>
						</div>
					
					</article><!-- .post -->
					<!-- Begin Full Width Slider two -->
					<div class="slider-wrapper related-projects">						
						<div class="frame fullwidth-slider" style="height:180px;">
							<ul class="clearfix" style="height:180px;">
								
								
								<li class="fs-entry">
									<img width="263" height="180" alt="Post with no featured image on post page" src="usr/fullwidth-slider/fwsmall08.jpg">
									<span class="link show-content"></span>

									<div class="fs-entry-content">
										<h4>Lorem glavrida dolor</h4>
										<p>Sed amet lacus dolor. Sed pellentesque eros ac sapien imperdiet</p>										<span class="close-link"></span>
									</div>
								</li>
								<li class="fs-entry">
									<img width="186" height="180" alt="Post with no featured image on post page" src="usr/fullwidth-slider/fwsmall02.jpg">
									<span class="link show-content"></span>

									<div class="fs-entry-content">
										<h4>Sed attis ipsum</h4>
										<p>Aliquam erat volutpat. Sed commodo lacus vitae elit ultricies!</p>
										<span class="close-link"></span>
									</div>
								</li>
								<li class="fs-entry">
									<img width="263" height="180" alt="Post with no featured image on post page" src="usr/fullwidth-slider/fwsmall01.jpg">
									<span class="link show-content"></span>

									<div class="fs-entry-content">
										<h4>Mauris sagittis nibh</h4>
										<p>Sed commodo lacus vitae elit ultricies lorem ipsum.</p>
										<span class="close-link"></span>
									</div>
								</li>
								
								<li class="fs-entry">
									<img width="179" height="180" alt="Post with no featured image on post page" src="usr/fullwidth-slider/fwsmall07.jpg">
									<span class="link show-content"></span>

									<div class="fs-entry-content">
										<h4>Luctus ipsum ut elit dolor</h4>
										<p>Sed commodo lacus vitae elit ultricies vitae tincidunt eros feugiat.</p>
										<span class="close-link"></span>
									</div>
								</li>
								<li class="fs-entry">
									<img width="116" height="180" alt="Post with no featured image on post page" src="usr/fullwidth-slider/fwsmall03.jpg">
									<span class="link show-content"></span>

									<div class="fs-entry-content">
										<h4>Nullam adipiscing</h4>
										<p>Donec at cursus to purus.</p>
										<span class="close-link"></span>
									</div>
								</li>
								<li class="fs-entry">
									<img width="263" height="180" alt="Post with no featured image on post page" src="usr/fullwidth-slider/fwsmall04.jpg">
									<span class="link show-content"></span>

									<div class="fs-entry-content">
										<h4> Ante ipsum primis</h4>
										<p>Cras laoreet pharetra iaculis. Maecenas ac dictum est. Suspendisse potenti.</p>
										<span class="close-link"></span>
									</div>
								</li>
								<li class="fs-entry">
									<img width="132" height="180" alt="Post with no featured image on post page" src="usr/fullwidth-slider/fwsmall05.jpg">
									<span class="link show-content"></span>

									<div class="fs-entry-content">
										<h4>Aenean libero</h4>
										<p> Aipis eget elementum.</p>
										<span class="close-link"></span>
									</div>
								</li>
								<li class="fs-entry">
									<img width="120" height="180" alt="Post with no featured image on post page" src="usr/fullwidth-slider/fwsmall09.jpg">
									<span class="link show-content"></span>

									<div class="fs-entry-content">
										<h4>Lorem glavrida</h4>
										<p>Sed amet lacus vitae elit dolor</p>										<span class="close-link"></span>
									</div>
								</li>
		
							</ul>
						</div>
						<div class="fs-navigation controls center">
							<div class="prev"></div>
							<div class="next"></div>
							<div class="fs-title">Related projects</div>
						</div>
					</div>
					
					<!-- End Full Width Slider -->
					<!-- !-- Comments -->
					<div id="comments" class="comments-area">

						<h2 class="comments-title">6 comments</h2>

						<ol class="commentlist">
							<li class="comment">
								<article>
									<div class="reply">
										<a href="#" class="comment-reply-link">Reply</a>
									</div><!-- .reply -->
	
									<div class="comment-meta">
										<a href="#"><time datetime="2007-09-04T10:15:32+00:00">September 4, 2007 at 10:15 am</time></a>
									</div><!-- .comment-meta -->
	
									<div class="comment-author vcard">
										<img width="60" height="60" class="avatar" src="usr/om5.jpg" alt="">
										<cite class="fn"><a rel="external nofollow" href="http://photomatt.net/">Miri Drik</a></cite>
									</div><!-- .comment-author -->
	
									<div class="comment-content">
										<p>Praesent nec risus non tellus scelerisque congue eu eu purus. Aliquam id porta lacus. Morbi eleifend ultricies placerat. Nullam luctus lectus a risus congue scelerisque. In in fermentum nunc.</p>
									</div><!-- .comment-content -->
								</article>
							</li>

							<li class="comment">
								<article>
									<div class="reply">
										<a href="#" class="comment-reply-link">Reply</a>
									</div><!-- .reply -->
	
									<div class="comment-meta">
										<a href="#"><time datetime="2007-09-04T10:15:32+00:00">September 4, 2007 at 10:15 am</time></a>
									</div><!-- .comment-meta -->
	
									<div class="comment-author vcard">
										<img width="60" height="60" class="avatar" src="usr/om1.jpg" alt="">
										<cite class="fn"><a rel="external nofollow" href="http://photomatt.net/">Anna White</a></cite>
									</div><!-- .comment-author -->
	
									<div class="comment-content">
										<p>Mauris imperdiet metus aliquet est ullamcorper vel dictum lacus suscipit. Nulla condimentum commodo fringilla. Donec dictum libero libero, id lobortis neque.</p>
									</div><!-- .comment-content -->
								</article>
								
								<ul class="children">
									<li class="comment">
										<article>
											<div class="reply">
												<a href="#" class="comment-reply-link">Reply</a>
											</div><!-- .reply -->
			
											<div class="comment-meta">
												<a href="#"><time datetime="2007-09-04T10:15:32+00:00">September 4, 2007 at 10:15 am</time></a>
											</div><!-- .comment-meta -->
			
											<div class="comment-author vcard">
												<span class="avatar no-avatar">
												</span>
												<cite class="fn"><a rel="external nofollow" href="http://photomatt.net/">Alexis Green</a></cite>
											</div><!-- .comment-author -->
			
											<div class="comment-content">
												<p>Vestibulum sagittis ornare odio ut fermentum. Aliquam malesuada volutpat adipiscing. Maecenas vehicula ultrices tellus, at eleifend est vehicula nec. Donec sodales, urna at vulputate luctus, lectus mi fringilla lacus, sit amet sagittis enim felis sed est.</p>
											</div><!-- class="comment-content" -->
										</article>
										<ul class="children">
											<li class="comment">
												<article>
													<div class="reply">
														<a href="#" class="comment-reply-link">Reply</a>
													</div><!-- .reply -->
					
													<div class="comment-meta">
														<a href="#"><time datetime="2007-09-04T10:15:32+00:00">September 4, 2007 at 10:15 am</time></a>
													</div><!-- .comment-meta -->
					
													<div class="comment-author vcard">
															<img width="60" height="60" class="avatar" src="usr/om2.jpg" alt="">
														<cite class="fn"><a rel="external nofollow" href="http://photomatt.net/">Alexandra Orange</a></cite>
													</div><!-- .comment-author -->
					
													<div class="comment-content">
														<p>Quisque faucibus vehicula magna, aliquet lacinia ligula ultrices eget. Phasellus consequat eros at risus iaculis scelerisque. Morbi nec risus ut justo gravida egestas et id velit.</p>
													</div><!-- class="comment-content" -->
												</article>
											</li>
										</ul><!-- .children -->
									</li>
								</ul><!-- .children -->
							</li>

							<li class="comment">
								<div class="reply">
									<a href="#" class="comment-reply-link">Reply</a>
								</div><!-- .reply -->

								<div class="comment-meta">
									<a href="#"><time datetime="2007-09-04T10:15:32+00:00">September 4, 2007 at 10:15 am</time></a>
								</div><!-- .comment-meta -->

								<div class="comment-author vcard">
									<img width="60" height="60" class="avatar" src="usr/om3.jpg" alt="">
									<cite class="fn"><a rel="external nofollow" href="http://photomatt.net/">John Brown</a></cite>
								</div><!-- .comment-author .vcard -->

								<div class="comment-content">
									<p>Ut luctus ipsum ut elit feugiat sed imperdiet</p>
								</div>
							</li>

							<li class="comment">
								<article>
									<div class="reply">
										<a href="#" class="comment-reply-link">Reply</a>
									</div><!-- .reply -->

									<div class="comment-meta">
										<a href="#"><time datetime="2007-09-04T10:23:10+00:00">September 4, 2007 at 10:23 am</time></a>
									</div><!-- .comment-meta -->

									<div class="comment-author vcard">
										<img width="60" height="60" class="avatar" src="usr/om4.jpg" alt="">
										<cite class="fn"><a rel="external nofollow" href="http://foolswisdom.com/">Diana Blue</a></cite>
									</div><!-- .comment-author -->

									<div class="comment-content">
										<p>Aliquam ut dui enim. Cras ullamcorper molestie lorem id dictum. In interdum enim id enim posuere hendrerit ornare diam imperdiet. Maecenas eu dui odio, non fringilla neque. Fusce ac ligula arcu. Quisque libero mauris, porta vel mattis vel, facilisis quis dui. Quisque ac nibh a est scelerisque interdum et at elit. </p>
									</div>
								</article>

							</li>

						</ol><!-- .commentlist -->


						<div id="respond">
							<h3 id="reply-title">Leave a reply</h3>
							<form id="commentform" method="post" action="#">
								<p class="comment-form-author">
									<label for="author" class="assistive-text">Name *</label>
									<input type="text" aria-required="true" size="30" value="" name="author" id="author" placeholder="Name*">
								</p>
								<p class="comment-form-email">
									<label for="email" class="assistive-text">Email*</label>
									<input type="text" aria-required="true" size="30" value="" name="email" id="email" placeholder="Email*">
								</p>
								<p class="comment-form-url">
									<label for="url" class="assistive-text">Website</label>
									<input type="text" size="30" value="" name="url" id="url" placeholder="Website">
								</p>
								<p class="comment-form-comment">
									<label for="comment" class="assistive-text">Comment</label>
									<textarea aria-required="true" rows="8" name="comment" id="comment" placeholder="Comment"></textarea>
								</p>
								
								<p class="form-submit">
									<a class="clear-form" href="#">reset</a>
									<a class="dt-btn dt-btn-m" href="#">Submit Comment</a>
									<input type="submit" value="Post Comment" id="submit" class="assistive-text" name="submit">
								</p>
							</form>
						</div><!-- #respond -->

					</div>

				</div><!-- #content -->

				<!-- !- Sidebar -->
				<aside id="sidebar" role="complementary" class="sidebar">

				
					<!-- !-- Recent news -->
					<section class="widget">
						<div class="widget-title">Popular posts</div>
						<ul class="recent-posts">
							<li>
								<article>
									<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-4.jpg" alt=""></a>
									<div class="post-content">
										<a href="#">Pellentesque congue viverra magna</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">11 May 2012</time>
									</div>
								</article>
							</li>
							<li>
								<article>
									<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-5.jpg" alt=""></a>
									<div class="post-content">
										<a href="#">Dauris suspendisse viverra eleifend</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">11 May 2012</time>
									</div>
								</article>
							</li>
							<li>
								<article>
									<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-6.jpg" alt=""></a>
									<div class="post-content">
										<a href="#">Duis euismod euismod nisl et porta massa</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">11 May 2012</time>
									</div>
								</article>
							</li>
							<li>
								<article>
									<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-1.jpg" alt=""></a>
									<div class="post-content">
										<a href="#">Lorem ipsum euismod nisl et porta massa</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">11 May 2012</time>
									</div>
								</article>
							</li>
						</ul>
					</section>

					<!-- !-- Skills -->
					<section class="widget">
						<div class="widget-title">Our skills</div>

						<div class="skills">
							<div class="skill-name">Web design</div>
							<div class="skill">
								<div class="skill-value" data-width="90"><span></span></div>
							</div>
	
							<div class="skill-name">Coding</div>
							<div class="skill">
								<div class="skill-value" data-width="80"><span></span></div>
							</div>
	
							<div class="skill-name">Programming</div>
							<div class="skill">
								<div class="skill-value" data-width="50"><span></span></div>
							</div>
							<div class="skill-name">Marketing</div>
							<div class="skill">
								<div class="skill-value" data-width="30"><span></span></div>
							</div>
						</div>
					</section><!-- .widget -->
					
					
					<!-- !-- Contact info -->
				<section class="widget">
					<div class="widget-title">Contact info</div>
					<ul class="contact-info">
						<li><span class="secondary-color">Adress:</span><br /> 10250 Santa Monica Boulevard Los Angeles, CA 90067</li>
						<li><span class="secondary-color">Phone number:</span><br /> +3 045 224 33 12, +3 045 224 21 00</li>
					</ul>

					<div class="soc-ico">
						<p class="assistive-text">Find us on:</p>
						<a class="facebook" href="#" target="_blank" title="Facebook"><span class="assistive-text">Facebook</span></a>
						<a class="dribbble" href="#" target="_blank" title="Dribbble"><span class="assistive-text">Dribbble</span></a>
						<a class="google" href="#" target="_blank" title="Google+"><span class="assistive-text">Google+</span></a>
						<a class="twitter" href="#" target="_blank" title="Twitter"><span class="assistive-text">Twitter</span></a>
					</div>
				</section><!-- .widget -->
				<!-- !-- Contact form -->
				<section class="widget">
					<div class="widget-title">Send us a message</div>
					<form class="contact-form dt-form">
						<p class="form-name">
							<label for="from" class="assistive-text">Name *</label>
							<input type="text" aria-required="true" value="" name="from" placeholder="Name*">
						</p>
						<p class="form-mail">
							<label for="email" class="assistive-text">Email*</label>
							<input type="text" aria-required="true" value="" name="email" placeholder="Email*">
						</p>
						<p class="form-text">
							<label for="message" class="assistive-text">Message*</label>
							<textarea aria-required="true" rows="6" name="message" placeholder="Message*"></textarea>
						</p>
						<p>
							<a class="dt-btn dt-btn-m" href="#">Send message</a>
							<a class="clear-form" href="#">clear</a>
							<input type="submit" class="assistive-text" value="submit">
						</p>
					</form>
				</section><!-- .widget -->
				<section class="widget">
					<div class="widget-title">Recent photos</div>
					<section class="instagram-photos">
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/ph-wid-03.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/ph-wid-02.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/ph-wid-01.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/115x115/115x115-4.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/115x115/115x115-5.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/115x115/115x115-6.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/115x115/115x115-7.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/115x115/115x115-8.jpg"></a>
						<a class="rollover rollover-small" href="#"><img width="115" height="115" alt="Post with no featured image on post page" src="usr/115x115/115x115-9.jpg"></a>								
					</section>
				</section><!-- .widget -->

				</aside><!-- #sidebar -->

			</div><!-- .wf-container -->
		</div><!-- .wf-wrap -->
	</div><!-- #main -->

	<!-- !Bottom-bar -->
	<div id="bottom-bar" role="contentinfo">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">

				<div id="branding-bottom" class="wf-td">
					<img src="skins/red/red.bottom-bar-logo-regular.png" width="38" height="48" alt="PressCore: multipurpose HTML framework">
				</div>

				<div class="wf-td">
					<div class="wf-float-left">&copy; 2012&ndash;2013. Dream-Theme &mdash; truly <a href="http://dream-theme.com/" target="_blank">premium WordPress themes</a>.</div>
				</div>

				<div class="wf-td">

					<div class="mini-nav wf-float-right">
						<ul>
							<li><a href="http://support.dream-theme.com/support-policy" target="_blank">Support Policy</a></li>
							<li><a href="http://support.dream-theme.com/" target="_blank">Online Helpdesk</a></li>
							<li><a href="http://themeforest.net/user/Dream-Theme" target="_blank">ThemeForest Profile</a></li>
						</ul>
					</div>

				</div>

			</div>
		</div><!-- .wf-wrap -->
	</div><!-- #bottom-bar -->

</div><!-- #page -->


<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery-migrate-1.1.1.min.js"></script>

<!-- RoyalSlider -->
<script src="royalslider/jquery.royalslider.js"></script>
<script src="js/plugins/pretty-photo/js/jquery.prettyPhoto.js"></script>
<script src="js/plugins.js"></script>

<script src="js/main.js"></script>

<link rel="stylesheet" href="presscore-demo/css/show.css" type="text/css" />
<script type="text/javascript" src="presscore-demo/js/demo.js"></script>
</body>
</html>